.missionDiv {
  height: 100%;
  min-height: 1200px;
}

.mission {
  height: 100%;
  background: white
}

.titleSpan {
  font-size: 14px;
  padding:10px 20px;
}

.missionTitle {
  font-size: 14px;
  padding:10px 20px;
  overflow: auto;
}

.missionDownDiv .missionTitle{
  height: 460px;
}

.missionRight {
  display:inline-block;
  float: right
}

.missionRight span {
  color: #888;
}

.missionRight span:hover{
  cursor: pointer;
  color: #4e8afa;
}

.addMission {
  margin-right: 15px;
}


.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}

.card {
  background: #2a2d2f url("../../assets/img/CardCat.png") no-repeat right;
  border-radius: 2px;
  display: inline-block;
  height: 200px;
  margin: 1rem;
  position: relative;
  width: 300px;
  color: white;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  vertical-align: top;
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  cursor: pointer;
}

.card p {
  margin-left: 20px;
}

.cardTag {
  margin-top: 20px;
  margin-left: 20px;
}

.main_el-main {
  min-width:1500px;
}

hr {
  border:1px dashed white
}

.flip .el-progress__text {
  color:#fff;
}
